<template>
    <div class="search">
        <div class="input-box">
            <Input
                    size="large"
                    style="width: 300px"
                    placeholder="遇到 bug? 搜一搜"
                    v-model="searchContent"
                    @on-enter="enterSearch">

            <Icon
                    type="ios-search"
                    slot="suffix"
                    style="cursor: pointer"
                    @click="search"/>
            </Input>
        </div>
    </div>
</template>

<script>
    export default {
        name: "",
        components: {},
        data() {
            return {
                //搜索的内容
                searchContent:""
            }
        },
        methods: {
            //搜索框 enter
            enterSearch: function () {
                this.search();
            },
            //搜索
            search: function () {
                //输入的内容
                let content = this.searchContent.trim();
            }
        },
        mounted() {
        }
    }
</script>

<style scoped>

</style>